/* Ruokapiirin tilausjärjestelmä.
 * 
 * Copyright (C) 2006–2010  Asko Soukka <asko.soukka@iki.fi>
 *
 * This file is part of Ruokapiiri.
 *
 * Ruokapiiri is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Ruokapiiri is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Ruokapiiri.  If not, see <http://www.gnu.org/licenses/>.
 */


 $theme-color: #009D5A !default;

 $background-light: #BDDFB5 !default;
 $background-dark: #465F40 !default;

 $border-light: #0F2925 !default;
 $border-dark: #2C372E !default;

 /* @group General */
 #ruokapiiri {
   font-family: sans-serif;

   h2, h3 {
     font-size: 2em;
     font-family: serif;
     color: $theme-color;
     margin-bottom: 1ex * (1/2);
   }

   p, ul, ol, table {
     margin-bottom: 1em;
   }

   ul {
     margin-left: 0.5ex;
     li:before {
       content: "– ";
     };
   }

   dt {
     font-weight: bold;
   }

   dd {
     margin: 0 0 0.9em 2em;
   }

   pre {
     margin: 0.9em 0;
     font-family: monospace;
   }

   form {
     input, textarea {
       font-size: 1em;
     }
     input {
       font-family: sans-serif;
     }
     textarea {
       font-family: monospace;
     }
   }

   .watermark { color: #aaa; }

   a {
     color: $theme-color;
   }
   a.ruokapiiri-popup {
     color: black;
     text-decoration: none;
     &:hover {
       color: black;
       text-decoration: none;
     }
   }
 }

 #ruokapiiri table {
   width: 100%;

   tr {
     background-color: transparent;
     &.ruokapiiri-even {
       background-color: $even-row-color;
     }
   }

   thead, tfoot {
     tr {
       background-color: $theme-color;
     }
     th, td {
       padding: 1ex 0.5em 0.75ex 0.5em;
       color: white;      
     }
   }

   th {
     text-align: left;
     &.ruokapiiri-edit, &.ruokapiiri-position,
     &.ruokapiiri-participate, &.ruokapiiri-orderable,
     &.ruokapiiri-delete {
       text-align: center;
     }
     &.ruokapiiri-price, &.ruokapiiri-quantity {
       text-align: right
     }
   }

   td {
     vertical-align: top;
     padding: 1.25ex 0.5em 0.75ex 0.5em;

     &.ruokapiiri-position {
       text-align: center;
       input { width: 2em; text-align: center; }
     }
     &.ruokapiiri-edit {
       text-align: center;
       a { cursor: pointer; }
     }
     &.ruokapiiri-date, &.ruokapiiri-customer,
     &.ruokapiiri-notes {
       white-space: nowrap;
     }
     &.ruokapiiri-participate {
       text-align: center; font-weight: bold;
     }
     &.ruokapiiri-price {
       white-space: nowrap; text-align: right;
       input { width: 3em; text-align: right; }
     }
     &.ruokapiiri-quantity {
       white-space: nowrap; text-align: right;  padding-top: 0.75ex;
       input { width: 2em; text-align: right; }
     }
     &.ruokapiiri-unit {
       white-space: nowrap; padding-left: 0;
     }
     &.ruokapiiri-producer {
       white-space: nowrap;
       input { width: 6em; }
     }
     &.ruokapiiri-orderable, &.ruokapiiri-delete {
       text-align: center;
     }
     &.ruokapiiri-category {
       color: $theme-color;
       font-family: serif;
       font-weight: bold;
       font-size: 1.2em;
       padding-left: 0.5em * (1/1.2);
     }
     &.ruokapiiri-not-available {
       text-decoration: line-through;
     }
   }
   a {
     text-decoration: none;
     color: black;
     cursor: help;
     &:hover {
       text-decoration: underline;
     }
   }
 }
 /* @end */

 /* @group JQuery */
 #ruokapiiri {
   .ui-sortable-placeholder {
     display: block;
   }
   .ruokapiiri-drag {
     background: white;
     border: 2px solid $theme-color;
   }
 }
 .gecko #ruokapiiri .ui-sortable-placeholder {
   display: table-row;
 }
 /* @end */

 /* @group Messages */
 #ruokapiiri {
   .ruokapiiri-message,
   .ruokapiiri-success,
   .ruokapiiri-error {
     margin: 1ex 0;
     padding: 1ex 0.5em 0.75ex 0.5em;
     color: white;
   }
   .ruokapiiri-message {
     background: #a9a9a9; /* dark gray */
   }
   .ruokapiiri-error {
     background: #8b0000; /* dark red */
   }
   .ruokapiiri-success {
     background: #006400; /* dark green */
   }
 }
 @media print {
   #ruokapiiri {
     .ruokapiiri-message,
     .ruokapiiri-success,
     .ruokapiiri-error {
       display: none;
     }
   }  
 }
 /* @end */

 /* @group Logout */
 #ruokapiiri-logout {
   display: inline;
   .ruokapiiri-submit {
     float: right;
   }
 }
 /* @group Logout */

 /* @group Catalog */
 #ruokapiiri-catalog {
   .ruokapiiri-submit {
     display: block;
     margin-left: auto;
   }
   thead th.ruokapiiri-price { text-align: left; }
   td.ruokapiiri-price { padding-right: 0; }
   td.ruokapiiri-description {
     input {
       width: 18em;
       margin-bottom: 0.6ex;
     }
     textarea {
       font-size: 1em;
       font-family: sans-serif;
       padding: 0.2em;
       width: 17.9em;
       height: 6em;
     }
   }
 }
 /* @end */

 /* @group Limits */
 #ruokapiiri-limits {
   .ruokapiiri-submit {
     display: block;
     margin-left: auto;
   }
   th.ruokapiiri-producer { padding-left: 0; width: 8em;}
   th.ruokapiiri-description { padding-left: 0; }

   td.ruokapiiri-producer { padding-left: 0; width: 8em; overflow: hidden; }
   td.ruokapiiri-description { padding-left: 0; overflow: hidden; }
   td.ruokapiiri-available {
     white-space: nowrap; text-align: right;
     input { width: 2em; text-align: right; }
   }
   td.ruokapiiri-ordered { text-align: right; }
   #ruokapiiri-new-limit {
     select { width: 40em; overflow: hidden; }
   }
 }
 /* @end */

 /* @group Ingredients */
 #ruokapiiri {
   dl.ruokapiiri-ingredients dt em {
     font-weight: normal;
   }
 }
 /* @end */

 /* @group Order */
 #ruokapiiri-settings {
   textarea { width: 100%; height: 20em; }
 }

 #ruokapiiri-order {
   #ruokapiiri-pickup {
     margin-left: 0.5em;
   }
   #participate {
     margin-left: 1ex;
   }  
   textarea {
     font-family: sans-serif;
     width: 39.6em;
     height: 8em;
     margin-left: 0.5em;
     padding: 0.2em;
   }
   tr.ruokapiiri-sum {
     background-color: transparent;
     td {
       font-weight: bold;
       color: black;
     }
   }
   .ruokapiiri-submit {
     display: block;
     margin-left: auto;
   }
   select { width: 44em; overflow: hidden; }
 }

 #ruokapiiri-orderform {
   tr.ruokapiiri-sum {
     background-color: transparent;
     td {
       font-weight: bold;
       color: black;
     }
     .ruokapiiri-submit {
       position: absolute;
     }
   }
   #ruokapiiri-customer {
     input { width: 20em; }
     textarea { width: 40em; height: 8em; }
     .ruokapiiri-checkbox { width: 1em; }
     .ruokapiiri-submit { width: 4em; }
     #ruokapiiri-pickup {
       input { width: auto; }
     }
     p { margin-top: 1em; }
   }
 }
 /* @end */

 /* @group Reports */
 #ruokapiiri-reports {
   text-align: right;
 }
 /* @end */

 /* @group OrderBook */
 #ruokapiiri-orderbook {
   th.ruokapiiri-pickup, th.ruokapiiri-participate,
   td.ruokapiiri-pickup, td.ruokapiiri-participate {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
     width: 1em;
   }
   tr.ruokapiiri-sum {
     td {
       font-weight: bold;
     }
   }
   .ruokapiiri-submit {
     display: block;
     margin-left: auto;
   }
 }
 /* @end */

 /* @group Debug */
 #debug {
   position: fixed;
   right: 0;
   bottom: 0;
   border-top: 1px solid black;
   border-left: 1px solid black;
   background-color: white;
 }
 /* @end Debug */